.my-edit{
  .none{
    display: none;
  }
  width: 100%;
  min-height: 100vh;
  background: #f5f5f5;
  .top{
    padding: 40rpx;
    display: flex;
    height:150rpx;
    .tx{
      width: 150rpx;
      height:100%;
      overflow: hidden;
      border-radius: 50%;
      background: #c7c7c7;
      image{
        width: 100%;
        height:100%;
      }
    }
    .r-text{
      flex: 1;
      height:100%;
      display: flex;
      align-items: center;
      padding-left: 20rpx;
      .text{
        color: #000;
        font-size:34rpx;
      }
    }
  }
  .info{
    width: 100%;
    .ul{
      border-top:#e5e5e5 solid 1rpx;
      background: #fff;
    }
    .li{
      width: 100%;
      height: 87rpx;
      position: relative;
      border-bottom: #e5e5e5 solid 1rpx;
      box-sizing: border-box;
      padding: 5rpx 40rpx;
      display: flex;
      font-size: 28rpx;
      align-items: center;
      .text{
        width: auto;
        height: 100%;
        display: flex;
        align-items: center;
        padding-right: 20rpx;
      }
      .n-input{
        flex: 1;
        height: 100%;
        .input{
          width: 100%;
          height: 100%;
          text-align: right;
        }
        .n-picker{
          width: 100%;
          height: 100%;
          .input{
            height:75rpx;
            line-height: 75rpx;
            &.gray{
              color:#777777;
            }
          }
        }
        
      }
    }
    .btn-area{
      width: 100%;
      padding: 50rpx 0;
      .btn-submit{
        width: 430rpx;
        height: 70rpx;
        border-radius: 5rpx;
        text-align: center;
        line-height: 70rpx;
        font-size: 30rpx;
        color: #fff;
        background: #eb6877;
        cursor: pointer;
        &.gray{
          background: #ececec;
        }
      }
    }
  }  
}